<!-- BEGIN PAGE HEADER-->
<div class="row-fluid">
    <div class="span12"> 
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->		
        <h3 class="page-title">
            Cuenta
            <small>Consulte los datos sobre su cuenta aqui</small>
        </h3>
        <ul class="breadcrumb">
            <li>
                <i class="icon-home"></i>
                <a href="<?php echo $this->baseUrl; ?>">Inicio</a> 
                <i class="icon-angle-right"></i>
            </li>
            <li>
                <a href="#">Cuenta</a>
            </li>
        </ul>
        <!-- END PAGE TITLE & BREADCRUMB-->
    </div>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN PAGE CONTENT-->
<div class="row-fluid profile">
    <div class="span12">
        <!--BEGIN TABS-->
        <div class="tabbable tabbable-custom">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab_1_3" data-toggle="tab">Cuenta</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane row-fluid profile-account active" id="tab_1_3">
                    <div class="row-fluid">
                        <div class="span12">
                            <div class="span3">
                                <ul class="ver-inline-menu tabbable margin-bottom-10">
                                    <li class="active">
                                        <a data-toggle="tab" href="#tab_1-1">
                                            <i class="icon-cog"></i> 
                                            Información Personal
                                        </a> 
                                        <span class="after"></span>                           			
                                    </li>
                                    <li class=""><a data-toggle="tab" href="#tab_2-2"><i class="icon-lock"></i> Cambiar Contraseña</a></li>
                                </ul>
                            </div>
                            <div class="span9">
                                <div class="tab-content">
                                    <div id="tab_1-1" class="tab-pane active">
                                        <div style="height: auto;" id="accordion1-1" class="accordion collapse">
                                            <form action="#" id="informacionPersonal">
                                                <label class="control-label">Codigo</label>
                                                <input type="text" id="codigo" value="<?php echo $this->usuario->idUsuario; ?>" class="m-wrap span8" disabled/>
                                                <label class="control-label">Rol</label>
                                                <input type="text" id="rol" value="<?php echo $this->usuario->idRol; ?>" class="m-wrap span8" disabled/>
                                                <label class="control-label">Facultad</label>
                                                <select class="m-wrap span8" id="facultad" tabindex="1">
                                                    <?php
                                                    foreach ($this->facultades as $value) {
                                                        echo"<option value=" . $value['codigoFacultad'] . ">" . $value['nombreFacultad'] . "</option>";
                                                    }
                                                    ?>
                                                </select>
                                                <label class="control-label">Nombres</label>
                                                <input type="text" id="nombres"placeholder="Digite Nombres" value="<?php echo $this->usuario->nombres; ?>" class="m-wrap span8 validate[required,custom[onlyLetterSp,maxSize[45]]] text-input" />
                                                <label class="control-label">Apellidos</label>
                                                <input type="text" id="apellidos" placeholder="Digite Apellidos" value="<?php echo $this->usuario->apellidos; ?>" class="m-wrap span8 validate[required,custom[onlyLetterSp,maxSize[45]]] text-input" />
                                                <label class="control-label">Email</label>
                                                <input type="text" id="email" placeholder="Digite Email" value="<?php echo $this->usuario->email; ?>" class="m-wrap span8 validate[required,custom[email,maxSize[45]]] text-input" />
                                                <label class="control-label">Direccion</label>
                                                <input type="text" id="direccion" placeholder="Digite Direccion" value="<?php echo $this->usuario->direccion; ?>" class="m-wrap span8 validate[required,maxSize[45]] text-input" />
                                                <label class="control-label">Telefono</label>
                                                <input type="text" id="telefono" placeholder="Digite Telefono" value="<?php echo $this->usuario->telefono; ?>" class="m-wrap span8 validate[custom[onlyNumberSp]] text-input" />
                                                <label class="control-label">Celular</label>
                                                <input type="text" id="celular" placeholder="Digite Celular" value="<?php echo $this->usuario->celular; ?>" class="m-wrap span8 validate[custom[onlyNumberSp]] text-input" />
                                                <label class="checkbox">
                                                    <input type="checkbox" id="confirmar" value="" /> Confirmar Datos
                                                </label>
                                                <div class="submit-btn">
                                                    <a href="" id="btnGuardar" class="btn green">Guardar Cambios</a>
                                                    <a href="" id="btnCancelar" class="btn">Cancelar</a>
                                                    <span class="help-inline" id="msjconfirmacion"></span>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div id="tab_2-2" class="tab-pane">
                                        <div style="height: auto;" id="accordion3-3" class="accordion collapse">
                                            <form action="#" id="cambiarContraseña">
                                                <label class="control-label"></label>
                                                <label class="control-label">Contraseña Actual</label>
                                                <input type="password" id="passwordActual" placeholder="Digite Contraseña Actual" class="m-wrap span8 validate[required] text-input" />
                                                <label class="control-label">Nueva Contraseña</label>
                                                <input type="password" id="passwordNuevo1" placeholder="Digite Contraseña Nueva" class="m-wrap span8 validate[required] text-input" />
                                                <label class="control-label">Vuelva a escribir la contraseña nueva</label>
                                                <input type="password" id="passwordNuevo2" placeholder="Digite Contraseña Nueva" class="m-wrap span8 validate[required,equals[passwordNuevo1]] text-input" />
                                                <div class="submit-btn">
                                                    <a href="" id="btnCambiar" class="btn green">Cambiar Contraseña</a>
                                                    <a href="" id="btnCancelar2" class="btn">Cancelar</a>
                                                    <span class="help-inline" id="msjconfirmacion2"></span>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end span9-->                                   
                        </div>
                    </div>
                </div>
                <!--end tab-pane-->
            </div>
        </div>
        <!--END TABS-->
    </div>
</div>
<!-- END PAGE CONTENT-->
<script src="<?php echo $this->baseUrl; ?>/assets/js/jquery-1.8.3.min.js"></script>
<script type='text/javascript' src='<?php echo $this->baseUrl; ?>/assets/js/cuenta.js'></script>
<script type='text/javascript'> 
    var url = '<?php echo $this->baseUrl; ?>'; 
</script>
<script type='text/javascript'> 
    var facultad = '<?php echo $this->codigoFacultad; ?>';
    $("#facultad").attr("value",facultad);
</script>